<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音乐播放器</title>
</head>
<body>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="样式表.css">
    <audio src="music/阿婆说.mp3"></audio>

<div class="waikuang" title="外框">
    <div class="zhutu" title="主图">
        <img class="picture"  data-index="0" alt="阿婆说" src="图片/0.jpg">
    </div>
    <div class="jindutiao" title="进度条">
        <span id="ntime">00:00</span>
        <span><meter id="leimo" value="0" min="0" max="100"></meter></span>
        <span id="ltime">00:00</span>
    </div>
    <div class="anniu" title="按钮部分">
        <button title="播放方式" id="reorder" class="one"><i id="danqu" class="fa fa-refresh"></i></button>
        <button title="上一首" id="backward"><i class="fa fa-step-backward"></i></button>
        <button title="播放" id="play"><i id="played" class="fa fa-play"></i></button>
        <button title="下一首" id="forward"><i class="fa fa-step-forward"></i></button>
        <button title="音量" id="volume"><i id="vol" class="fa fa-volume-up"></i></button>
    </div>
</div>

<script src="music.play.js"></script>
</body>
</html>